﻿<!DOCTYPE html>
<html>
  <head>
    <title>首页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/首页/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/ie.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="files/首页/data.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (图片) -->
      <div id="u185" class="ax_default refs-design-apple">
        <img id="u185_img" class="img " src="images/登录/u4.png"/>
        <!-- Unnamed () -->
        <div id="u186" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u187" class="ax_default box_1">
        <div id="u187_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u188" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u189" class="ax_default">
        <div id="u189_state0" class="panel_state" data-label="State1">
          <div id="u189_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u190" class="ax_default box_1" selectiongroup="SearchTab">
              <img id="u190_img" class="img " src="images/首页/u190.png"/>
              <!-- Unnamed () -->
              <div id="u191" class="text" style="visibility: visible;">
                <p><span>推荐</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u192" class="ax_default box_1 selected" selectiongroup="SearchTab">
              <img id="u192_img" class="img " src="images/首页/u190.png"/>
              <!-- Unnamed () -->
              <div id="u193" class="text" style="visibility: visible;">
                <p><span>比赛</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u189_state1" class="panel_state" data-label="State2" style="display: none; visibility: hidden;">
          <div id="u189_state1_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u194" class="ax_default box_1" selectiongroup="SearchTab">
              <img id="u194_img" class="img " src="images/首页/u190.png"/>
              <!-- Unnamed () -->
              <div id="u195" class="text" style="visibility: visible;">
                <p><span>推荐</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u196" class="ax_default box_1 selected" selectiongroup="SearchTab">
              <img id="u196_img" class="img " src="images/首页/u190.png"/>
              <!-- Unnamed () -->
              <div id="u197" class="text" style="visibility: visible;">
                <p><span>比赛</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u198" class="ax_default box_1">
        <div id="u198_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u199" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u200" class="ax_default">
        <div id="u200_state0" class="panel_state" data-label="State1">
          <div id="u200_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u201" class="ax_default box_1">
              <div id="u201_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u202" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u203" class="ax_default _图片">
              <img id="u203_img" class="img " src="images/首页/u203.png"/>
              <!-- Unnamed () -->
              <div id="u204" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u205" class="ax_default _图片">
              <img id="u205_img" class="img " src="images/首页/u205.png"/>
              <!-- Unnamed () -->
              <div id="u206" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u207" class="ax_default _图片">
              <img id="u207_img" class="img " src="images/首页/u207.png"/>
              <!-- Unnamed () -->
              <div id="u208" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u209" class="ax_default _图片">
              <img id="u209_img" class="img " src="images/首页/u209.png"/>
              <!-- Unnamed () -->
              <div id="u210" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u211" class="ax_default _图片">
              <img id="u211_img" class="img " src="images/首页/u211.jpg"/>
              <!-- Unnamed () -->
              <div id="u212" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u213" class="ax_default box_1">
              <div id="u213_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u214" class="text" style="visibility: visible;">
                <p style="font-size:16px;"><span style="color:#FFFF00;">摄觉</span><span style="color:#FFFFFF;"> </span><span style="font-size:13px;color:#CCCCCC;">官方影展</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u215" class="ax_default _图片">
              <img id="u215_img" class="img " src="images/首页/u215.svg"/>
              <!-- Unnamed () -->
              <div id="u216" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u200_state1" class="panel_state" data-label="State2" style="display: none; visibility: hidden;">
          <div id="u200_state1_content" class="panel_state_content">

            <!-- AreaPanel (动态面板) -->
            <div id="u217" class="ax_default" data-label="AreaPanel">
              <div id="u217_state0" class="panel_state" data-label="State1">
                <div id="u217_state0_content" class="panel_state_content">

                  <!-- TopLocation (占位符) -->
                  <div id="u218" class="ax_default ax_default_hidden" data-label="TopLocation" style="display: none; visibility: hidden">
                    <img id="u218_img" class="img " src="images/首页/toplocation_u218.png"/>
                    <!-- Unnamed () -->
                    <div id="u219" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- 搜索框面板 (动态面板) -->
                  <div id="u220" class="ax_default" data-label="搜索框面板">
                    <div id="u220_state0" class="panel_state" data-label="常规搜索框">
                      <div id="u220_state0_content" class="panel_state_content">

                        <!-- Unnamed (组合) -->
                        <div id="u221" class="ax_default">

                          <!-- Unnamed (矩形) -->
                          <div id="u222" class="ax_default refs-design-apple">
                            <div id="u222_div" class=""></div>
                            <!-- Unnamed () -->
                            <div id="u223" class="text" style="display: none; visibility: hidden">
                              <p><span></span></p>
                            </div>
                          </div>

                          <!-- Unnamed (图片) -->
                          <div id="u224" class="ax_default refs-design-apple">
                            <img id="u224_img" class="img " src="images/首页/u224.png"/>
                            <!-- Unnamed () -->
                            <div id="u225" class="text" style="display: none; visibility: hidden">
                              <p><span></span></p>
                            </div>
                          </div>

                          <!-- Unnamed (文本框) -->
                          <div id="u226" class="ax_default refs-design-apple">
                            <input id="u226_input" type="search" value="搜索"/>
                          </div>

                          <!-- Unnamed (图片) -->
                          <div id="u227" class="ax_default refs-design-apple">
                            <img id="u227_img" class="img " src="images/首页/u227.png"/>
                            <!-- Unnamed () -->
                            <div id="u228" class="text" style="display: none; visibility: hidden">
                              <p><span></span></p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div id="u220_state1" class="panel_state" data-label="焦点搜索框" style="display: none; visibility: hidden;">
                      <div id="u220_state1_content" class="panel_state_content">

                        <!-- 取消 (组合) -->
                        <div id="u229" class="ax_default" data-label="取消">

                          <!-- Unnamed (矩形) -->
                          <div id="u230" class="ax_default refs-design-apple">
                            <div id="u230_div" class=""></div>
                            <!-- Unnamed () -->
                            <div id="u231" class="text" style="display: none; visibility: hidden">
                              <p><span></span></p>
                            </div>
                          </div>

                          <!-- Unnamed (矩形) -->
                          <div id="u232" class="ax_default refs-design-apple">
                            <div id="u232_div" class=""></div>
                            <!-- Unnamed () -->
                            <div id="u233" class="text" style="visibility: visible;">
                              <p><span>取消</span></p>
                            </div>
                          </div>
                        </div>

                        <!-- 搜索 (组合) -->
                        <div id="u234" class="ax_default" data-label="搜索">

                          <!-- Unnamed (矩形) -->
                          <div id="u235" class="ax_default refs-design-apple">
                            <div id="u235_div" class=""></div>
                            <!-- Unnamed () -->
                            <div id="u236" class="text" style="display: none; visibility: hidden">
                              <p><span></span></p>
                            </div>
                          </div>

                          <!-- Unnamed (图片) -->
                          <div id="u237" class="ax_default refs-design-apple">
                            <img id="u237_img" class="img " src="images/首页/u224.png"/>
                            <!-- Unnamed () -->
                            <div id="u238" class="text" style="display: none; visibility: hidden">
                              <p><span></span></p>
                            </div>
                          </div>

                          <!-- Unnamed (文本框) -->
                          <div id="u239" class="ax_default refs-design-apple">
                            <input id="u239_input" type="search" value="搜索"/>
                          </div>

                          <!-- Unnamed (图片) -->
                          <div id="u240" class="ax_default refs-design-apple">
                            <img id="u240_img" class="img " src="images/首页/u227.png"/>
                            <!-- Unnamed () -->
                            <div id="u241" class="text" style="display: none; visibility: hidden">
                              <p><span></span></p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>

                  <!-- FixedPanel (动态面板) -->
                  <div id="u242" class="ax_default" data-label="FixedPanel">
                    <div id="u242_state0" class="panel_state" data-label="State1">
                      <div id="u242_state0_content" class="panel_state_content">

                        <!-- Unnamed (矩形) -->
                        <div id="u243" class="ax_default">
                          <div id="u243_div" class=""></div>
                          <!-- Unnamed () -->
                          <div id="u244" class="text" style="visibility: visible;">
                            <p><span>意见</span></p><p><span>反馈</span></p>
                          </div>
                        </div>

                        <!-- Unnamed (组合) -->
                        <div id="u245" class="ax_default ax_default_hidden" style="display: none; visibility: hidden">

                          <!-- BackTop (矩形) -->
                          <div id="u246" class="ax_default" data-label="BackTop">
                            <div id="u246_div" class=""></div>
                            <!-- Unnamed () -->
                            <div id="u247" class="text" style="display: none; visibility: hidden">
                              <p><span></span></p>
                            </div>
                          </div>

                          <!-- Unnamed (形状) -->
                          <div id="u248" class="ax_default icon">
                            <img id="u248_img" class="img " src="images/首页/u248.png"/>
                            <!-- Unnamed () -->
                            <div id="u249" class="text" style="display: none; visibility: hidden">
                              <p><span></span></p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (图片) -->
                  <div id="u250" class="ax_default _图片">
                    <img id="u250_img" class="img " src="images/首页/u250.png"/>
                    <!-- Unnamed () -->
                    <div id="u251" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (图片) -->
                  <div id="u252" class="ax_default _图片">
                    <img id="u252_img" class="img " src="images/首页/u252.png"/>
                    <!-- Unnamed () -->
                    <div id="u253" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (图片) -->
                  <div id="u254" class="ax_default _图片">
                    <img id="u254_img" class="img " src="images/首页/u254.png"/>
                    <!-- Unnamed () -->
                    <div id="u255" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (图片) -->
                  <div id="u256" class="ax_default _图片">
                    <img id="u256_img" class="img " src="images/首页/u256.png"/>
                    <!-- Unnamed () -->
                    <div id="u257" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u258" class="ax_default label">
                    <div id="u258_div" class=""></div>
                    <!-- Unnamed () -->
                    <div id="u259" class="text" style="visibility: visible;">
                      <p><span>没有更多内容啦~</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (组合) -->
                  <div id="u260" class="ax_default">

                    <!-- Unnamed (矩形) -->
                    <div id="u261" class="ax_default refs-design-apple">
                      <img id="u261_img" class="img " src="images/首页/u261.png"/>
                      <!-- Unnamed () -->
                      <div id="u262" class="text" style="display: none; visibility: hidden">
                        <p><span></span></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u263" class="ax_default refs-design-apple">
                      <div id="u263_div" class=""></div>
                      <!-- Unnamed () -->
                      <div id="u264" class="text" style="visibility: visible;">
                        <p><span>5</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u265" class="ax_default refs-design-apple">
                      <div id="u265_div" class=""></div>
                      <!-- Unnamed () -->
                      <div id="u266" class="text" style="visibility: visible;">
                        <p><span>4</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u267" class="ax_default refs-design-apple">
                      <div id="u267_div" class=""></div>
                      <!-- Unnamed () -->
                      <div id="u268" class="text" style="visibility: visible;">
                        <p><span>3</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u269" class="ax_default refs-design-apple">
                      <div id="u269_div" class=""></div>
                      <!-- Unnamed () -->
                      <div id="u270" class="text" style="visibility: visible;">
                        <p><span>2</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u271" class="ax_default refs-design-apple">
                      <div id="u271_div" class=""></div>
                      <!-- Unnamed () -->
                      <div id="u272" class="text" style="visibility: visible;">
                        <p><span>☆</span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- TopButton (图片) -->
            <div id="u273" class="ax_default _图片" data-label="TopButton">
              <img id="u273_img" class="img " src="images/首页/topbutton_u273.png"/>
              <!-- Unnamed () -->
              <div id="u274" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (iPhone-状态栏-暗) -->

      <!-- Unnamed (组合) -->
      <div id="u276" class="ax_default">

        <!-- Unnamed (矩形) -->
        <div id="u277" class="ax_default refs-design-apple">
          <div id="u277_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u278" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u279" class="ax_default refs-design-apple">
          <div id="u279_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u280" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u281" class="ax_default refs-design-apple">
          <div id="u281_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u282" class="text" style="visibility: visible;">
            <p><span>100%</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u283" class="ax_default refs-design-apple">
          <div id="u283_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u284" class="text" style="visibility: visible;">
            <p><span>上午 10:37</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u285" class="ax_default refs-design-apple">
          <img id="u285_img" class="img " src="images/登录/u16.png"/>
          <!-- Unnamed () -->
          <div id="u286" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u287" class="ax_default refs-design-apple">
          <img id="u287_img" class="img " src="images/登录/u18.png"/>
          <!-- Unnamed () -->
          <div id="u288" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u289" class="ax_default refs-design-apple">
          <img id="u289_img" class="img " src="images/登录/u20.png"/>
          <!-- Unnamed () -->
          <div id="u290" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u291" class="ax_default refs-design-apple">
          <img id="u291_img" class="img " src="images/登录/u22.png"/>
          <!-- Unnamed () -->
          <div id="u292" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- 隐藏 (矩形) -->
      <div id="u293" class="ax_default label ax_default_hidden" data-label="隐藏" style="display: none; visibility: hidden">
        <div id="u293_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u294" class="text" style="visibility: visible;">
          <p><span>文本标签</span></p>
        </div>
      </div>

      <!-- HomeButton (动态面板) -->
      <div id="u295" class="ax_default" data-label="HomeButton">
        <div id="u295_state0" class="panel_state" data-label="State1">
          <div id="u295_state0_content" class="panel_state_content">

            <!-- Unnamed (图片) -->
            <div id="u296" class="ax_default _图片">
              <img id="u296_img" class="img " src="images/首页/u296.png"/>
              <!-- Unnamed () -->
              <div id="u297" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u298" class="ax_default box_3">
        <div id="u298_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u299" class="text" style="visibility: visible;">
          <p><span>1、首页分为推荐和比赛两个模块，推荐模块根据系统的算法向用户推荐优秀的摄影作品；比赛模块主要是各类比赛的简要信息窗口列表。在这个页面可以大致获取全部比赛的简要信息。</span></p><p><span><br></span></p><p><span>2、推荐页面选用照片墙，让界面看起来更高级；关注页面使用瀑布流，方便用户浏览；</span></p><p><span><br></span></p><p><span>3、虚拟home键自动停靠使用了系统变量与函数；</span></p><p><span><br></span></p><p><span>4、首页使用控制面板，默认以推荐页为主页面，可向右滑动进入关注页面；</span></p><p><span><br></span></p><p><span>4、比赛页面中的搜索框，可输入信息，若想要取消输入的信息，可点击右侧“取消”文字，取消输入。</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u300" class="ax_default">

        <!-- Unnamed (矩形) -->
        <div id="u301" class="ax_default refs-design-apple">
          <div id="u301_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u302" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u303" class="ax_default _图片">
          <img id="u303_img" class="img " src="images/首页/u303.png"/>
          <!-- Unnamed () -->
          <div id="u304" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u305" class="ax_default _图片">
        <img id="u305_img" class="img " src="images/首页/u305.png"/>
        <!-- Unnamed () -->
        <div id="u306" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u307" class="ax_default _图片">
        <img id="u307_img" class="img " src="images/首页/u307.png"/>
        <!-- Unnamed () -->
        <div id="u308" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u309" class="ax_default _图片">
        <img id="u309_img" class="img " src="images/首页/u309.png"/>
        <!-- Unnamed () -->
        <div id="u310" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u311" class="ax_default _图片">
        <img id="u311_img" class="img " src="images/首页/u311.png"/>
        <!-- Unnamed () -->
        <div id="u312" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>
    </div>
  </body>
</html>
